Pain

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Please do not remove credit.
Font acquired at http://www.dirt2.com

Using This Layout

For specific instructions read designer's comments

This is a div overlay layout, html knowledge required!
1. Log into myspace.com
2. Click on Edit Profile (Profile 1.0)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Update Friend ID

Input Friend ID to automagically update code

Layout Code

Copy and paste to About Me

Help

</div>

<div class="content">
<h1>About Me</h1>
<a href="">Link</a>. 
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur id est tincidunt nisl pellentesque tincidunt. Donec in mauris. Mauris neque magna, consectetuer id, malesuada vitae, tincidunt sit amet, mi. Aliquam lacinia. Suspendisse potenti. Proin justo lorem, rutrum ac, facilisis in, malesuada sed, ligula. Mauris lobortis lacus at nibh.

</div>

<div class="details">
<h1>Details</h1>
emma_revenge<br />
21<br />
female<br />
hometown: Los Angeles, CA<br />
status: single<br />
here for: friends <br />
<blockquote>"accomplishments are transient"</blockquote>

</div>

<div class="loves">
<h2>Loves</h2>
<p>
Aenean ut mauris luctus mauris interdum convallis. Nunc vestibulum sodales nulla. Nulla vitae massa. Maecenas vel tellus vitae elit mattis adipiscing. In pulvinar felis sed est. Mauris non mi. Duis ultrices dolor ut orci. Quisque lacinia arcu et purus.
</p>
</div>

<div class="loathes">
<h2>Loathes</h2>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur id est tincidunt nisl pellentesque tincidunt. Donec in mauris. Mauris neque magna, consectetuer id, malesuada vitae, tincidunt sit amet, mi. Aliquam lacinia. 
</p>
</div>

<table>

</td>

<td>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="navi">Message</a>

</td>

</td>
</tr>

<tr>
<td>
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockuser&userID=XXXXXXXX" class="navi">Block</a>

</td>

<td>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="navi">Comment</a>

</td>

<td>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="navi">Photos</a>

</td>
</tr>

</td>

</td>

</td>
</tr>

</td>

</td>

</td>
</tr>

</td>

</td>

<td>
<a href="http://www.myspace.com/emma_revenge" class="navi">emma_revenge</a>

</td>
</tr>

</table>

</div>

Layout Code

Copy and paste to I'd Like to Meet

Help

<style>

table table div form {display:inline !important;}
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
table div div{visibility:hidden;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
body div div form {display:none !important;}div div div select {position:absolute !important;  margin-left:-1000px !important; left:0px !important; display:none !important; }div div table div {display:none;} div div table div {display:none;} div form, .mslogo, div ul {display:none!important;}
div div, div td {background-color:transparent; background-image:none!important;}
div.profileWidth {margin-top: -30px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i, 
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px}
div div select, div div form {display:none !important;}div div table div {display:none;} .clearfix table div div {display:block;} 
.profile, div ul {display:none !important;}

body {
background-color:333333;
background-image:url(http://cbimg6.com/layouts/10/04/36264aa.png);
background-position:top center;
background-repeat:repeat;
background-attachment:fixed;
}

.details{
width:415px;
height:200px;
left:50%;
margin-left:-315px;
top:0px;
margin-top:790px;
position:absolute;
z-index:2;
padding:0px;
color:9D937F;
font-size:12px;
font-family:century gothic;
text-align:left;
background-color:transparent;
background-image:;
background-position:top center;
background-repeat:repeat;
visibility:visible;
overflow:none;
}

.nav {
width:645px;
height:160px;
left:50%;
margin-left:-318px;
top:0px;
margin-top:1000px;
position:absolute;
z-index:2;
padding:0px;
color:cccccc;
font-size:12px;
font-family:century gothic;
text-align:left;
background-color:transparent;
background-image:;
background-position:top center;
background-repeat:repeat;
visibility:visible;
overflow:none;
}

.banner{
width:675px;
height:524px;
left:50%;
margin-left:-332px;
top:0px;
margin-top:100px;
position:absolute;
z-index:2;
padding:0px;
color:333333;
font-size:12px;
font-family:century gothic;
text-aligh:right;
background-color:333333;
background-image:;
background-position:top center;
background-repeat:no-repeat;
visibility:visible;
overflow:none;
}

.loves{
background-color:transparent;
background-image:;
background-position:top center;
background-repeat:repeat;
width:215px;
height:200px;
left:50%px;
margin-left:165px;
top:0px;
margin-top:630px;
margin-bottom:50px;
position:absolute;
z-index:3;
padding:0px;
visibility:visible;
color:cccccc;
font-size:12px;
font-family:century gothic;
overflow:auto;
}

.loathes{
background-color:transparent;
background-image:;
background-position:top center;
background-repeat:repeat;
width:215px;
height:200px;
left:50%px;
margin-left:165px;
top:0px;
margin-top:800px;
margin-bottom:50px;
position:absolute;
z-index:3;
padding:0px;
visibility:visible;
color:9D937F;
font-size:12px;
font-family:century gothic;
overflow:auto;
}

.content{
background-color:transparent;
background-image:;
background-position:top center;
background-repeat:repeat;
width:415px;
height:200px;
left:50%;
margin-left:-315px;
top:0px;
margin-top:620px;
margin-bottom:100px;
position:absolute;
z-index:3;
padding:0px;
visibility:visible;
color:AD9C7C;
font-size:12px;
font-family:century gothic;
text-aligh:justify;
overflow:auto;
}

a{
font-family:century gothic;
font-size:12px;
color:E0D480;
font-weight:normal;
}

a:active{
font-family:century gothic;
font-size:12px;
color:E0D480;
font-weight:normal;
}

a:hover {
font-family:century gothic;
font-size:12px;
color:E0D480;
font-weight:normal;
text-decoration: line-through;
}

a:visited {
font-family:century gothic;
font-size:12px;
color:E0D480;
}

a.navi:link, a.navi:active, a.navi:visited{
display:block;
font:italic 14px georgia; 
color:AD9C7C;
text-align:center;
background-color:222222;
background-image:;
background-repeat:repeat;
background-attachment:fixed;
font-weight:normal;
height:25px;
width:212px;
line-height:15px;
margin-bottom:3px;

}

a.navi:hover {
display:block;
font:italic 14px georgia; 
color:AD9C7C; 
text-align:center;
background-color:101010;
background-image:;
background-repeat:repeat;
background-attachment:fixed;
font-weight:normal;
text-decoration:none;
height:25px;
width:212px;
line-height:15px;
margin-bottom:3px;

}

h1 { 
background-image:url(http://cbimg6.com/layouts/10/04/36264ab.png);
background-repeat:repeat;
background-attachment:scroll;
background-position:top left;
       font:italic 20px georgia; 
       letter-spacing:-1px;
padding:5px;
      line-height:20px;  
       font-weight:bold; 
       color:CCCCCC;
margin-bottom:5px;
margin-top:10px;
}

h2 {
background-image:url(http://cbimg6.com/layouts/10/04/36264ab.png);
background-repeat:repeat;
background-attachment:scroll;
background-position:top left;
       font:italic 20px georgia; 
       letter-spacing:-1px;
padding:5px;
      line-height:20px;  
       font-weight:bold; 
       color:CCCCCC;
margin-bottom:0px;
margin-top:0px;
}

b, strong {
Font-family: "century gothic";
font-weight:normal;
font-size: 14px;
text-decoration: none;
color:E0D480;
}

p { padding:5px;
      color:9D937F;
font-size:11px;
font-family:century gothic;

}

i {font:italic 12px arial;
color:cccccc; 
}

a img{
border:none}

td,form{
margin:0;padding:0}

table,tr,td{
background:transparent}

</style>

Layout Comments

Showing latest 2 of 2 comments

I honestly don't like this one. I don't like the quality of the font in this. I love the words a lot but the font quality makes it look cartoonish. The tattered paper effect you had with the AFI layout would have been great here, too because of the red and black. All in all, this layout is just so-so...it doesn't stand out for any reason. Don't be mad at meh; I wish I could produce a layout that looked anywhere NEAR as good as this but I can't right now.

By Butterface89 on Jul 29, 2010 9:44 am

Layout Details

Designer	emmarevenge
Submitted on	Apr 23, 2010
Page views	14,924
Favorites	22
Comments	2
Reviewer	Cristy
Approved on	Apr 23, 2010

Pain

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates